.intro-header
  background: no-repeat center center
  background-color: #808080
  background-attachment: scroll
  -webkit-background-size: cover
  -moz-background-size: cover
  background-size: cover
  -o-background-size: cover
  margin-bottom: 0px

@media only screen and (min-width: 768px)
  .intro-header
    margin-bottom: 20px
    /* response on desktop */


.intro-header .site-heading,
.intro-header .post-heading,
.intro-header .page-heading
  padding: 85px 0 55px
  color: white

@media only screen and (min-width: 768px)
  .intro-header .site-heading,
  .intro-header .post-heading,
  .intro-header .page-heading
    padding: 150px 0


.intro-header .site-heading
  padding: 95px 0 70px

@media only screen and (min-width: 768px)
  .intro-header .site-heading
    padding: 150px 0


.intro-header .site-heading,
.intro-header .page-heading
  text-align: center

.intro-header .site-heading h1,
.intro-header .page-heading h1
  margin-top: 0
  font-size: 50px

.intro-header .site-heading .subheading,
.intro-header .page-heading .subheading
  /* Hux learn from
     *     TypeIsBeautiful,
     *     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
     */
  font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif
  line-height: 1.7
  font-size: 18px
  line-height: 1.1
  display: block
  font-weight: 300
  margin: 10px 0 0

@media only screen and (min-width: 768px)
  .intro-header .site-heading h1,
  .intro-header .page-heading h1
    font-size: 80px


.intro-header .post-heading h1
  font-size: 30px
  margin-bottom: 24px

.intro-header .post-heading .subheading,
.intro-header .post-heading .meta
  line-height: 1.1
  display: block

.intro-header .post-heading .subheading
  /* Hux learn from
     *     TypeIsBeautiful,
     *     [This Post](http://zhuanlan.zhihu.com/ibuick/20186806) etc.
     */
  font-family: -apple-system, "Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", "Source Han Sans SC", "Noto Sans CJK SC", "Source Han Sans CN", "Noto Sans SC", "Source Han Sans TC", "Noto Sans CJK TC", "WenQuanYi Micro Hei", SimSun, sans-serif
  line-height: 1.7
  font-size: 17px
  line-height: 1.4
  font-weight: normal
  margin: 10px 0 30px
  margin-top: -5px

.intro-header .post-heading .meta
  font-family: 'Lora', 'Times New Roman', serif
  font-style: italic
  font-weight: 300
  font-size: 18px

.intro-header .post-heading .meta a
  color: white

@media only screen and (min-width: 768px)
  .intro-header .post-heading h1
    font-size: 55px

  .intro-header .post-heading .subheading
    font-size: 30px

  .intro-header .post-heading .meta
    font-size: 20px

